<div class="logo">
	<?php 
		echo $this->Html->image('yardon_logo.png', array('alt' => 'CakePHP')) 
	?>
</div>

<!-- 
    
</div>

.menu a{
	float:left;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	padding-left: 80px;
	padding-right: 30px;
	padding-bottom: 10px;
}
-->
 
 <ul class="myMenu">
	<li><?php echo $this->Html->link('Home', '/', array('class' => 'home', 'target' => '_self')); ?></li>
    <li><?php echo $this->Html->link('Diensten', '/pages/diensten', array('class' => 'diensten', 'target' => '_self')); ?>
    	<ul>
        	<li><?php echo $this->Html->link('Bouw', '/pages/diensten/bouw', array('class' => 'diensten', 'target' => '_self')); ?></li>
            <li><?php echo $this->Html->link('- Schilderwerk', '/pages/diensten/bouw/schilderwerk', array('class' => 'diensten', 'target' => '_self')); ?></li>
            <li><?php echo $this->Html->link('- Bouwkundige werkzaamheden', '/pages/diensten/bouw/bouwkundig', array('class' => 'diensten', 'target' => '_self')); ?></li>
            <li><?php echo $this->Html->link('Installatie', '/pages/diensten/installatie', array('class' => 'diensten', 'target' => '_self')); ?></li>
            <li><?php echo $this->Html->link('- Water / Gas / Cv', '/pages/diensten/installatie/cv', array('class' => 'diensten', 'target' => '_self')); ?></li>
            <li><?php echo $this->Html->link('- Sanitair', '/pages/diensten/installatie/sanitair', array('class' => 'diensten', 'target' => '_self')); ?></li>
            <li><?php echo $this->Html->link('- Riolering', '/pages/diensten/installatie/riolering', array('class' => 'diensten', 'target' => '_self')); ?></li>
            <li><?php echo $this->Html->link('- Elektra', '/pages/diensten/installatie/elektra', array('class' => 'diensten', 'target' => '_self')); ?></li>
        </ul>
    </li>
    <li><?php echo $this->Html->link('Over Yardon', '/pages/about',       array('class' => 'about', 'target' => '_self')); ?>
    </li>
    <li><?php echo $this->Html->link('Werken bij',  '/pages/werk',        array('class' => 'werk', 'target' => '_self')); ?></li>
    <li><?php echo $this->Html->link('Referenties', '/pages/referenties', array('class' => 'referenties', 'target' => '_self')); ?></li>
    <li><?php echo $this->Html->link('Contact',     '/pages/contact',     array('class' => 'contact', 'target' => '_self')); ?></li>
</ul>
 
<script type="text/javascript">
	$(document).ready(function() {
		$('.myMenu > li').bind('mouseover', openSubMenu);
		$('.myMenu > li').bind('mouseout', closeSubMenu);
		
		function openSubMenu() {
			$(this).find('ul').css('visibility', 'visible');	
		};
		
		function closeSubMenu() {
			$(this).find('ul').css('visibility', 'hidden');	
		};
				   
	});
</script>
 
<div class="banner">
	<?php
		echo $this->Html->image('big_banner.png', array('alt' => 'banner')); 
	?>
</div>


<div class="breadcrumb">
	<?php 
    	$result = split( '/', $this->request->url );
    	echo 'U bent nu hier: ';

    	for ( $i = 1; $i < count($result); $i++ ) {
    	    
    	    $path = '/';
    	    for ( $j = 1; $j <= $i; $j++ ) {
    	        $path .= $result[$j].'/';
    	    }
    	    
    	    $path = '/pages'.$path;
    	    echo $this->Html->link( $result[$i], $path, array( 'target' => '_self' ) );
    	    if ( $i != count($result) && $result[$i] != '' ) {
    	        echo ' / ';
    	    }
        }
        
        if ( count( $result ) == 1 ) {
    	    echo $this->Html->link( 'home', '/', array( 'target' => '_self' ) );
    	    echo ' / ';
        }
	?>
</div>